<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单域 -->
     <h4>表单域</h4>
    <form action="xxx.hpy" name="wonderful">
        输入姓名 <input type="text" value="输入姓名" maxlength="6" name="name"> <br>

        年龄 <input type="text" name="age"> <br>
        <!-- redio实现单选框，多选一 -->
        <!-- name，表单元素名字，单选框必须有name -->
        性别  男 <input type="radio" name="sex" checked="checked">  女 <input type="radio" name="sex"> 
        变性 <input type="radio" name="sex"> <br>
        <!-- checkbox实现多选框 -->
        <!-- checked是实现按钮中的默认选中 -->
        爱好 游戏<input type="checkbox" checked="checked" name="hoppy"> 睡觉<input type="checkbox" name="hoppy"> 
        打豆豆<input type="checkbox" name="hoppy"> <br>
        <!-- submit提交按键，可以将表单域from中的内容提交到后台处理器 -->
        <input type="submit" value="确定提交">
        <!-- reset重置按键，可以在表单域恢复初始状态   -->
        <input type="reset" value="重置内容">
        <!-- 按键标签，一般是跟js一起使用 -->
         <input type="button" value="按键">
         <br>
        <!-- 文件域，将文件上传 -->
         <input type="file" value="上传文件">
    </form>
</body>
</html>     